<template>
<div class="audit-panel-group">
    <div class="panel">
        <div class="panel-header bd">
            <div class="bl"></div>
            <div class="title">{{product.category.title}}</div>
        </div>
        <div class="panel-body">
            <div class="list-group">
                <div class="list-item">
                    <div class="row">
                        <div class="title">金额小计</div>
                        <div class="value">{{ product.total }}</div>
                    </div>
                </div>
                <div class="list-item">
                    <div class="row">
                        <div class="title">承办公司</div>
                        <div class="value">{{ product.company.title }}</div>
                    </div>
                </div>
    
                <div class="list-item" v-if="product.product">
                    <div class="row">
                        <div class="title">婚庆套餐</div>
                        <div class="value">{{ product.product.title}}</div>
                    </div>
                </div>

                <div class="list-item">
                    <div class="row">
                        <div class="title">餐标</div>
                        <div class="value">{{ product.price }}</div>
                    </div>
                </div>
                <div class="list-item">
                    <div class="row">
                        <div class="title"></div>
                        <div class="value">{{ product.amount }}</div>
                    </div>
                </div>
                <div class="list-item" v-if="product.place">
                    <div class="row">
                        <div class="title">户外场地费</div>
                        <div class="value">{{ product.place }}</div>
                    </div>
                </div>
                <div class="list-item">
                    <div class="row">
                        <div class="title">布置费用</div>
                        <div class="value">{{ product.arrangement }}</div>
                    </div>
                </div>
                <div class="list-item">
                    <div class="row">
                        <div class="title">其他费用</div>
                        <div class="value">{{ product.other }}</div>
                    </div>
                </div>
                <div class="list-item">
                    <div class="row">
                        <div class="title">优惠金额</div>
                        <div class="value">{{ product.discount }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</template>

<script>
export default {
    name: "AuditProduct",
    props: {
        product: {
            type: Object,
            default: function () {
                return {};
            }
        },
    },
    data() {
        return {

        };
    },
    methods: {

    }
}
</script>
